body{
 background-color: #B0C4DE;

}
.logo{
 display: flex;
 left: 600px;
 top: 50px;
 padding-left: 5px;
 letter-spacing: 2px;
 font-color: #CCFFFF;
 text-align: center;
 font-size: 30px;
}
.logo_image{
 border-radius: 100%;
 background: url(https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3019830602,3729164930&fm=26&gp=0.jpg);
 background-position:center top;
 border-image-outset:stretch;
 width: 180px;
 height: 180px;
}
h1.{
 letter-spacing: 5px;
 font-color: #66CDAA;
 text-align: center;
}
a {
  text-decoration:  none; 
  font-weight:      600; 
}
a:hover {
  text-decoration:  underline;
}

h2 {
  font-size:        150%;
}

table {
  margin-left:      20px;
  margin-right:     20px;
  caption-side:     bottom;
  border-collapse:  collapse;
}
td, th, p {
  padding:          10px;
  text-align:       left;
}
.copyright {
  font-size:        75%;
  font-style:       italic;
}
.slogan {
  font-size:        75%;
  font-style:       italic;
}
.confirmentry {
  font-weight:      600; 
}
.function{
 padding:10px 0; 
 overflow:hidden; 
 clear:both; 
 line-height:25px;
 padding:0px;

}
table {
font-size:          1em;
background-color:   #fafcff;
border:             1px solid #909090;
color:              #2a2a2a;
padding:            5px 5px 2px;
border-collapse:    collapse;
}
input[type=text] {
  font-size:        100%;
  width:            30em;
}

input[type=password] {
  font-size:        115%;
  width:            30em;
}

input[type=submit] {
  font-size:        125%;
}
select {
  font-size:        125%;
}
.photo 
{   position: absolute;
 display: flex;
 top: 650px;
 right: 200px;
}
.photo p
{
 font-size: 30px;
}
.photo img
{width: 400px;
 height: 400px;
}
.img
{
 position: absolute;
 right: 200px;
 top: 650px;

}
.img
{
 width: 400px;
 height: 200px;
}

.title{
 position: absolute;
 top: 50px;
 left: 500px;
}
.viewlog{
 position: absolute;
 left: 30px;
 top: 220px;
}